﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>宁波爱豆网络科技有限公司</title>
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!--================================================
                **** CSS Files ****
==================================================-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/icofont.css" rel="stylesheet">
<link href="css/menu.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/owl.theme.default.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/menuhover.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--================================================
                **** /CSS Files ****
==================================================-->
</head>
<body>
 
<div class="preloader"></div>
<!-- Static navbar -->
<nav class="navbar navbar-expand-md btco-hover-menu navbar-2">
  <div class="container"> <a class="navbar-brand" href="index.html"><img src="images/logo-1.png" class="img-fluid" alt="logo"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <ul class="navbar-nav">
        <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://www.bootstrapmb.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>
          <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="index.html">Home 1</a></li>
            <li><a class="dropdown-item" href="index-2.html">Home 2</a></li>
          </ul>
        </li>
        <li class="nav-item"> <a class="nav-link" href="about.html">About</a> </li>
        <li class="nav-item"> <a class="nav-link" href="services.html">Services</a> </li>
        <li class="nav-item"> <a class="nav-link" href="portfolio.html">Portfolio</a> </li>
        <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://www.bootstrapmb.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Blog </a>
          <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="blog-list.html">Blog List</a></li>
            <li><a class="dropdown-item" href="blog-details.html">Blog Details</a></li>
          </ul>
        </li>
        <li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a> </li>
      </ul>
      <ul class="navbar-nav ml-auto">
        <li class="nav-item"> <a class="nav-link btn btn-primary" href="#"> Buy Now </a></li>
        <li class="nav-item"> <a class="nav-link" id="addClass" href="#"> <i class="icofont icofont-search-alt-1"></i> </a></li>
      </ul>
    </div>
  </div>
</nav>
<div id="myCarousel" class="carousel slide banner-1" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active"> <img class="first-slide" src="images/banner-3.png" alt="First slide">
      <div class="container">
        <div class="carousel-caption banner1 text-left">
          <h5 class="wow fadeInUp">Lorem Ipsum is simply dummy </h5>
          <h2 class="wow fadeInUp">Build a Good Relationshp</h2>
          <h6>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the1500s,</h6>
          <p class="hidden-sm-down"><a class="btn btn-md btn-default" href="#" role="button">View Details</a> &nbsp; <a class="btn btn-md btn-primary" href="#" role="button">Sign up today</a></p>
        </div>
      </div>
    </div>
    <div class="carousel-item"> <img class="second-slide" src="images/banner-2.png" alt="Second slide">
      <div class="container">
        <div class="carousel-caption banner1">
          <h5 class="wow fadeInUp">Lorem Ipsum is simply dummy </h5>
          <h2 class="wow fadeInUp">We are Creative People</h2>
          <h6>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the1500s,</h6>
          <p class="hidden-sm-down"><a class="btn btn-md btn-default" href="#" role="button">Learn more</a></p>
        </div>
      </div>
    </div>
    <div class="carousel-item"> <img class="third-slide" src="images/banner-1.png" alt="Third slide">
      <div class="container">
        <div class="carousel-caption banner1 text-right">
          <h5 class="wow fadeInUp">Lorem Ipsum is simply dummy </h5>
          <h2 class="wow fadeInUp">We are <span>X</span>eos<span>.</span></h2>
          <h6>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the1500s,</h6>
          <p class="hidden-sm-down"><a class="btn btn-md btn-default" href="#" role="button">Browse gallery</a></p>
        </div>
      </div>
    </div>
  </div>
  <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
<section class="section-padding-ash">
  <div class="container">
    <div class="row">
      <div class="col-lg-7">
        <div class="about-2-text">
          <h2>We are Xeos. Consulting Firm</h2>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incidunt ut labore et dolore magna aliqua uat enim ad minim veniama quis nostrud ullamcoab oris nisi ut aliquip ex ea commodo consequat. </p>
          <p>Dolor in reprehenderit in voluptate velit esse cillum dolore fugiat nulla pariatur sed 
            eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          <p class="hidden-sm-down"><a class="btn btn-md btn-primary" href="#" role="button">Learn more</a></p>
        </div>
        <div class="row">
          <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
            <div class="counter-cont">
              <h4><span class="numscroller roller-title-number-1 scrollzip isShown" data-min="1" data-max="250" data-delay="5" data-increment="10" data-slno="1">250</span>+</h4>
              <h6>Clients</h6>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
            <div class="counter-cont">
              <h4><span class="numscroller roller-title-number-2 scrollzip isShown" data-min="1" data-max="250" data-delay="5" data-increment="10" data-slno="2">250</span>+</h4>
              <h6>Clients</h6>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
            <div class="counter-cont">
              <h4><span class="numscroller roller-title-number-3 scrollzip isShown" data-min="1" data-max="250" data-delay="5" data-increment="10" data-slno="3">250</span>+</h4>
              <h6>Clients</h6>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-5">
        <div class="about-2-img"><img class="img-fluid" src="images/about-2.png" alt="about-2"></div>
      </div>
    </div>
  </div>
</section>
<section class="company-history">
  <div class="container">
    <div class="row">
      <div class="col-lg-5">
        <div class="company-history-txt">
          <h2>Who we are & What we do</h2>
          <p>Of Letraset sheets containing Lorem Ipsum passages, and more recently 
            with desktop publishing software like Aldus PageMaker including 
            versions of Lorem Ipsum. <br/>
            <br/>
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
            Ipsum has been the industry's standard dummy text ever since the 1500s, 
            unknown printer took a galley of type and scrambled it to make a type </p>
        </div>
      </div>
      <div class="col-lg-6 offset-lg-1">
        <div class="company-history-txt">
          <h2>Our History</h2>
          <p>Of Letraset sheets containing Lorem Ipsum passages, and more recently 
            with desktop publishing software like Aldus PageMaker including 
            versions of Lorem Ipsum.</p>
          <ul>
            <li>- Lorem Ipsum is simply dummy text of the</li>
            <li>- psum has been the industry's </li>
            <li>-  unknown printer took a galley of type </li>
            <li>-  t has survived not only five centuries, but </li>
            <li>-  remaining essentially unchanged. </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="section-padding">
  <div class="container">
  	 <div class="row justify-content-center">
      <div class="col-lg-10">
        <div class="section-title text-center">
          <h2>Our Previous work for our Clients</h2>
          <h6>established fact that a reader will be distracted by the readable content</h6>
        </div>
      </div>
    </div>
     <div class="row">
      <div class="col-md-12">
        <div class="portfolioFilter text-center"> 
        	<a href="#" data-filter="*" class="current">All Categories</a> / 
            <a href="#" data-filter=".people">Layout</a> / 
            <a href="#" data-filter=".places">HTML</a> / 
            <a href="#" data-filter=".food">Wordpress</a> / 
            <a href="#" data-filter=".objects">Responsive</a> / 
        </div>
        <div class="portfolioContainer">
          <div class="row">
            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 objects">
              <div class="grid objects">
                <figure class="effect-lily"> <img src="images/portfolio/1.png" class="img-fluid" alt="img01"/>
                  <figcaption>
                    <h2>Image 1</h2>
                    <p>Lily likes to play with crayons and pencils</p>
                    <p><a class="info magnific-popup" href="images/portfolio/1.png"><b>View Large</b></a></p> </figcaption>
                </figure>
              </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 people places">
              <div class="grid people places">
                <figure class="effect-lily"> <img src="images/portfolio/2.png" class="img-fluid" alt="img01"/>
                  <figcaption>
                    <h2>Image 2</h2>
                    <p>Lily likes to play with crayons and pencils</p>
                    <p><a class="info magnific-popup" href="images/portfolio/2.png"><b>View Large</b></a></p> </figcaption>
                </figure>
              </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 food">
              <div class="grid food">
                <figure class="effect-lily"> <img src="images/portfolio/3.png" class="img-fluid" alt="img01"/>
                  <figcaption>
                    <h2>Image 3</h2>
                    <p>Lily likes to play with crayons and pencils</p>
                    <p><a class="info magnific-popup" href="images/portfolio/3.png"><b>View Large</b></a></p> </figcaption>
                </figure>
              </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 people places">
              <div class="grid people places">
                <figure class="effect-lily"> <img src="images/portfolio/4.png" class="img-fluid" alt="img01"/>
                  <figcaption>
                    <h2>Image 4</h2>
                    <p>Lily likes to play with crayons and pencils</p>
                    <p><a class="info magnific-popup" href="images/portfolio/4.png"><b>View Large</b></a></p> </figcaption>
                </figure>
              </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 places objects">
              <div class="grid places objects">
                <figure class="effect-lily"> <img src="images/portfolio/5.png" class="img-fluid" alt="img01"/>
                  <figcaption>
                    <h2>Image 5</h2>
                    <p>Lily likes to play with crayons and pencils</p>
                    <p><a class="info magnific-popup" href="images/portfolio/5.png"><b>View Large</b></a></p> </figcaption>
                </figure>
              </div>
            </div>
            <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 people food objects">
              <div class="grid people food objects">
                <figure class="effect-lily"> <img src="images/portfolio/6.png" class="img-fluid" alt="img01"/>
                  <figcaption>
                    <h2>Image 6</h2>
                    <p>Lily likes to play with crayons and pencils</p>
                    <p><a class="info magnific-popup" href="images/portfolio/6.png"><b>View Large</b></a></p> </figcaption>
                </figure>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="section-padding-ash">
  <div class="container">
  	<div class="row">
      <div class="col-lg-2 col-md-3">
      	<div class="clients-cont"><img src="images/logo/1.png" class="img-fluid" alt="item 1"></div>
      </div>
      <div class="col-lg-2 col-md-3">
      	<div class="clients-cont"><img src="images/logo/2.png" class="img-fluid" alt="item 1"></div>
      </div>
      <div class="col-lg-2 col-md-3">
      	<div class="clients-cont"><img src="images/logo/3.png" class="img-fluid" alt="item 1"></div>
      </div>
      <div class="col-lg-2 col-md-3">
      	<div class="clients-cont"><img src="images/logo/4.png" class="img-fluid" alt="item 1"></div>
      </div>
      <div class="col-lg-2 col-md-3">
      	<div class="clients-cont"><img src="images/logo/5.png" class="img-fluid" alt="item 1"></div>
      </div>
      <div class="col-lg-2 col-md-3">
      	<div class="clients-cont"><img src="images/logo/6.png" class="img-fluid" alt="item 1"></div>
      </div>
    </div>  
  </div>
</section>  

<footer class="footer">
  <div class="container">
    <div class="row">
      <div class="col-lg-4">
        <div class="footer-item"> <img class="img-fluid" src="images/logo-2.png" alt="logo-2">
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text <br/>
            ever since the 1500s</p>
        </div>
        <div class="footer-item">
          <ul class="social">
            <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-linkedin"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-dribble"></i></a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-2 offset-lg-1">
        <div class="footer-item">
          <h4>Quick Links</h4>
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-2">
        <div class="footer-item">
          <h4>Categories</h4>
          <ul>
            <li><a href="#">Web Design</a></li>
            <li><a href="#">Web Development</a></li>
            <li><a href="#">Online Marketing</a></li>
            <li><a href="#">App Design</a></li>
            <li><a href="#">App Development</a></li>
            <li><a href="#">Online Training</a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="footer-item">
          <h4>Recent Posts</h4>
          <ul>
            <li><a href="#">What is Lorem Ipsum?</a></li>
            <li><a href="#">Why do we use it?</a></li>
            <li><a href="#">There are many variations</a></li>
            <li><a href="#">passages of Lorem Ipsum</a></li>
            <li><a href="#">Contrary to popular</a></li>
            <li><a href="#">Lorem Ipsum is not simply</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="footer-bottom">
          <p>Copyright © 2018. All Rights </p>
        </div>
      </div>
    </div>
  </div>
</footer>
<div id="qnimate" class="off">
  <div id="search" class="open">
    <button data-widget="remove" id="removeClass" class="close" type="button">×</button>
    <form action="#" method="post" autocomplete="off">
      <input type="text" placeholder="Type search keywords here" value="" name="term" id="term">
      <button class="btn btn-primary btn-xl" type="submit"><span class="glyphicon glyphicon-search"></span> Search</button>
    </form>
  </div>
</div>
<!--================================================
                **** JS Files ****
==================================================--> 
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/numscroller.js"></script> 
<script src="js/owl.carousel.js"></script> 
<script src="js/jquery.isotope.min.js"></script> 
<script src="js/jquery.magnific-popup.min.js"></script> 
<script src="js/menu.js"></script> 
<script src="js/wow.min.js"></script> 
<script src="js/main.js"></script> 
<!--================================================
                **** /JS Files ****
==================================================-->
</body>
</html>
